<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Purchase | Fight Robots </title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="animatedButtons.css" />
</head>
<body>
		<h2> <span wicket:id="cantidadDeDinero"></span>
			<span wicket:id="cantDineroJugador"></span> </h2>
			
		<table width="40%"class="selectable">
			<thead style="color: gray"><tr>
				<th wicket:id="nombreTabla" width="30%"></th>
				<th wicket:id="deterioroTabla" width="30"></th>
				<th wicket:id="poderTotalTabla" width="30%"> </th>
				<th wicket:id="poderEfectivoTabla" width="30%"> </th>
				<th wicket:id="precioTabla" width="30%"> </th>
				<th></th>
			</tr></thead>
			<tbody><tr wicket:id="robots" id="menu-css">
				<td width="40%"><span wicket:id="nombre"></span></td>
				<td width="40%"><span wicket:id="deterioro"></span></td>
				<td width="40%"><span wicket:id="poderTotal"></span></td>
				<td width="40%"><span wicket:id="poderEfectivo"></span></td>
				<td width="40%"><span wicket:id="precio"></span></td>
				<td width="70%"><a wicket:id="seleccionar"> <img src="select.png" width="40" height="40"> </a> </td>
			</tr></tbody>
		</table>
		<br /> 
	 <span wicket:id="robotSeleccionad"></span>
		<span wicket:id="robotSeleccionado"></span>

	<form wicket:id="formCompra">
		<input wicket:id="oferta" type="text" maxlength="5"/> 
		<br>
		<button wicket:id="ofertar"> <img width="40" height="40" src="aceptarVenta.jpg" > </button>
		<label wicket:id="textoOfertar"></label>
		<br>
		<button  wicket:id="volver" > <img width="40" height="40" src="volver.gif" ></button>
		<label wicket:id="textoVolver"></label>
	</form>
	<h3 style="color:RED; position: absolute; top: 400px; left: 900px;" wicket:id="feedback"> </h3>
</body>
</html>